<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .box{
      display: inline-block;
    }
    .box:not(:nth-child(1)){
      margin-left: -88px;
    }
  </style>
</head>
<body class="parent1">
<!--<h4>1、es6声明变量</h4>-->
<!--<script src="./demo.js"></script>-->
<!--<h4>2、变量的结构赋值</h4>-->
<div class="parent">我是父级页面</div>
<div class="box">
  <img src="03.png" alt="">
</div>
<div class="box">
  <img src="官网首页_03.png" alt="">
</div>
<div class="box">
  <img src="官网首页_06.png" alt="">
</div>
<iframe src="demo.html"></iframe>

<script src="./demo.js"></script>
<script>
  function add() {
    console.log(1)
  }
  var handler = {
	  id: '123456',

	  init: function() {
		  document.addEventListener('click',
			  event => this.doSomething(event.type), false);
	  },

	  doSomething: function(type) {
		  console.log('Handling ' + type  + ' for ' + this.id);
	  }
  };

  let arr1=[1,2,6,25]


</script>
</body>
</html>